Ext.define('Sencha.view.SpeakerFormView', {
    extend: 'Ext.Container',
    xtype: 'speakerformview',
           
    config: {
        title: 'Speaker',
        styleHtmlContent: true,
        scrollable: 'vertical'
    },   
	
    initialize: function () {
    	this.callParent(arguments);        
        
   		var fieldSet = {
   	        xtype: 'fieldset',
   	        id: 'speakerNameFieldset',
   	        items: [
   	            {
   	                xtype: 'textfield',
   	                name : 'speakerName',
   	                label: 'Name',
                    id: 'speakerNameField'
   	            },
   	            {
   	                xtype: 'datepickerfield',
   	                picker:{yearFrom: 1900},
   	                name : 'speakerDOB',
   	                label: 'Date of Birth',
                    id: 'speakerDOBField'
   	            }
   	        ]
              };
              
              
   	   	var genderFieldSet = {
   	   		 xtype: 'fieldset',
   	   		 id: 'speakerGenderFieldset',
   	   		 title: 'Gender',
   	   		 items: [
   	   		 
   	   		 	{
   	   		 	    xtype: 'radiofield',
   	   		 	    name : 'speakerGender',
   	   		 	    label: 'Male',
   	   		 	    value: 'Male',
   	   		 	    checked: true
   	   		 	},
   	   		 	{
   	   		 	    xtype: 'radiofield',
   	   		 	    name : 'speakerGender',
   	   		 	    label: 'Female',
   	   		 	    value: 'Female'
   	   		 	},
   	   		 
   	   		 ]
   	   
   	   	};
   	   
   	   	var noteFieldSet = {
   	   		xtype: 'fieldset',
   	   		id: 'speakerCommentFieldset',
   	   		items: [
   	   			{
   	   			    xtype: 'textfield',
   	   			    name : 'speakerComment',
   	   			    label: 'Comments',
   	   			    id: 'speakerCommentField'
   	   			}
   	   			
   	   		
   	   		]
   	   	
   	   	};
              
          
               
   
       this.add([fieldSet, genderFieldSet, noteFieldSet]); 
   
	}
   
});